<template>
    <h3 class="list-item"> <slot></slot> </h3>
</template>

<style lang="less" scoped>
.list-item{
    padding: 20px 10px;
    font-size: 16px;
    position: relative;
    &::before{
        content: "";
        width: 2px;
        height: 16px;
        background: red;

        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
    }
}
</style>